@import "../../../../style/app/default/theme";
.lexmis-Input{
	display:inline-flex;
	width:100%;
	height:$-form-widget-height;
	background:#fff;
	border:1px solid $-border-color;
	transition:$-form-widget-transition;
	transition-property:border-color,box-shadow;
	vertical-align:middle;
	&.lexmis--square{
		border-radius:$-form-widget-border-radius;
	}
	&.lexmis--round{
		border-radius:$-form-widget-height / 2;
		padding:0 3px;
	}
	&.lexmis--noBorder{
		border:0;
		background:none;
	}
	&.lexmis--focus{
		border-color:$-primary-color;
	}
	&.lexmis--disable{
		border-color:$-border-color;
		background:$-disable-color;
	}
	&.lexmis--readonly{
		>input{
			cursor:default;
		}
	}
	&.lexmis--prepend{
		>input{
			padding-left:0;
		}
	}
	&.lexmis--append{
		>input{
			padding-right:0;
		}
	}
	>input{
		height:100%;
		width:100%;
		outline:0;
		border:0;
		background:none;
		font-size:$-content-font-size;
		padding:0 $-mini-gap;
		color:$-title-color;
		z-index:1;
		&::placeholder{
			color:$-sub-color;
		}
	}
	>.lexmis_prepend,>.lexmis_append{
		display:inline-flex;
		flex-shrink:0;
		width:26px;
		font-size:20px;
		justify-content:center;
		align-items:center;
	}
	>.lexmis_append{
		&.lexmis_inner{
			>.lexmis-Icon{
				font-size:18px;
				cursor:pointer;
			}
		}
	}
}
